<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="renderer" content="webkit">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>查看申报书</title>
@include('common-css')
<script src="/js/big.min.js"></script>

    <style>
b {
    font-weight: bold;
}

.text-left {
    text-align: left !important;
}

.app-container {
    height: 100%;
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

header {

}

main {
    flex: 1;
    font-family: serif;
    overflow-y: auto;
    color: #000;
    line-height: 30px;
}

main h2,
main h3,
main h4 {
    color: #0050b0;
    font-weight: bold;
}

main > section {
    width: 800px;
    margin: 0 auto;
    margin-top: 50px;
}

main > section > h3 {
    font-size: 20px;
    text-align: center;
    font-weight: bold;
}

.section-title-remarks {
    font-size: 14px;
    color: #444;
    text-align: center;
}

.simple-text-table {
    width: 100%;
    margin-top: 20px;
    font-size: 14px;
}

.simple-text-table td {
    padding: 5px 10px;
    border: 1px solid black;
    text-indent: 2em;
    vertical-align: middle;
}

.section-0 h2 {
    text-align: center;
    font-size: 30px;
    line-height: 50px;
}

.section-0 > table {
    width: 550px;
    margin: 0 auto;
    margin-top: 60px;
    font-size: 18px;
    line-height: 30px;
}

.section-0 > table td {
    padding: 10px;
    border: 1px solid black;
}

.section-0 .copyright {
    font-size: 18px;
    margin-top: 60px;
    text-align: center;
}

.section-1 > table {
    width: 100%;
    margin-top: 20px;
    font-size: 14px;
}

.section-1 > table td {
    padding: 5px 10px;
    border: 1px solid black;
    text-align: center;
    vertical-align: middle;
}

.section-4 > table {
    margin-top: 10px;
}

.section-5 > h4 {
    margin-top: 20px;
    font-weight: bold;
}

.section-5-table-2 {
    width: 100%;
    font-size: 14px;
}

.section-5-table-2 td {
    padding: 5px 10px;
    border: 1px solid black;
    vertical-align: middle;
    text-align: center;
}

.section-6 > table {
    width: 100%;
    font-size: 14px;
    margin-top: 20px;
}

.section-6 > table td {
    padding: 3px 5px;
    border: 1px solid black;
    vertical-align: middle;
    text-align: center;
    line-height: 20px;
}

.section-7 > h4,
.section-8 > h4 {
    margin-top: 20px;
    font-weight: bold;
}

.section-7 > table,
.section-8 > table {
    width: 100%;
    font-size: 14px;
    margin-top: 10px;
}

.section-7 > table td,
.section-8 > table td {
    padding: 5px 10px;
    border: 1px solid black;
    vertical-align: middle;
    text-align: center;
    line-height: 25px;
}

.section-8 {
    margin-bottom: 50px;
}

</style>
</head>
<body>

<div id="app"></div>

<script id="appTemplate" type="x-template">
<div class="app-container">

    <header class="special">
        <div class="left_info">
            <h1>科学技术进步奖申报书</h1>
        </div>
    </header>

    <main>

        <section v-if="true" class="section-0">

            <h2>
                中国公路建设行业协会科学技术奖
                <br>
                科学技术进步奖申报书
            </h2>

            <table>
                <tr>
                    <td width="130">项目名称：</td>
                    <td>@{{ formData.basic_situation.project_name }}</td>
                </tr>
                <tr>
                    <td>申报单位：</td>
                    <td>@{{ formData.basic_situation.declare_company }}</td>
                </tr>
                <tr>
                    <td>完成人员：</td>
                    <td>@{{ formData.basic_situation.complete_people }}</td>
                </tr>
            </table>

            <p class="copyright">中国公路建设行业协会科学技术奖办公室制</p>

        </section>

        <section v-if="true" class="section-1">

            <h3>一、基本情况</h3>

            <table>
                <tr>
                    <td>牵头申报单位</td>
                    <td colspan="3">@{{ formData.basic_situation.declare_company }}</td>
                </tr>
                <tr>
                    <td width="25%">项目名称</td>
                    <td colspan="3">@{{ formData.basic_situation.project_name }}</td>
                </tr>
                <tr>
                    <td>主要完成人</td>
                    <td colspan="3">@{{ formData.basic_situation.complete_people }}</td>
                </tr>
                <tr>
                    <td>主要完成单位</td>
                    <td colspan="3">@{{ formData.basic_situation.complete_companies }}</td>
                </tr>
                <tr>
                    <td>所属国家重点发展领域</td>
                    <td colspan="3">@{{ formData.basic_situation.develop_domain.join('；') }}</td>
                </tr>
                <tr>
                    <td>任务来源</td>
                    <td colspan="3" v-html="formData.basic_situation.task_origin.join('<br>')"></td>
                </tr>
                <tr>
                    <td class="text-left" colspan="4">
                        具体计划、基金的名称和编号：
                        <br>
                        @{{ formData.basic_situation.plans }}
                    </td>
                </tr>
                <tr>
                    <td class="text-left" colspan="4">
                        已呈交的科技报告编号：
                        <br>
                        @{{ formData.basic_situation.technical }}
                    </td>
                </tr>
                <tr>
                    <td width="25%">科技成果评价机构</td>
                    <td width="25%">
                        @{{ formData.basic_situation.scientific_evaluation_institutions }}
                    </td>
                    <td width="25%">科技成果评价水平</td>
                    <td width="25%">
                        @{{ formData.basic_situation.scientific_evaluation_level }}
                    </td>
                </tr>
                <tr>
                    <td width="25%">授权发明专利数量<br>（项）</td>
                    <td width="25%">@{{ formData.basic_situation.invention }}</td>
                    <td width="25%">授权的其他知识产权数量<br>（项）</td>
                    <td width="25%">@{{ formData.basic_situation.other_invention }}</td>
                </tr>
                <tr>
                    <td>项目起止时间</td>
                    <td colspan="3">@{{ formData.basic_situation.project_dateRange }}</td>
                </tr>
            </table>

        </section>

        <section v-if="true" class="section-2">

            <h3>二、科技成果简介</h3>

            <table class="simple-text-table">
                <tr>
                    <td v-html="text2Html(formData.scientific)"></td>
                </tr>
            </table>

        </section>

        <section v-if="true" class="section-3">

            <h3 id="c3_zykjcx">三、主要科技创新</h3>

            <p class="section-title-remarks">（围绕科技创新点的创新性、先进性、创新程度、应用效果和对行业科技进步的作用和示范性，做出客观、真实、准确评价。）</p>

            <table class="simple-text-table">
                <tr>
                    <td v-html="text2Html(formData.innovate)"></td>
                </tr>
            </table>

        </section>

        <section v-if="true" class="section-4">

            <h3 id="c3_kgpj">四、客观评价</h3>

            <p class="section-title-remarks">
                （围绕科技创新点的创新性、先进性、应用效果和对行业科技进步的作用，做出客观、真实、准确评价。填写的评价意见要有客观依据，主要包括与国内外相关技术的比较，国家相关部门正式作出的技术检测报告、验收意见、鉴定结论及行业机构科技成果评价，国内外重要科技奖励，国内外同行在重要学术刊物、学术专著和重要国际学术会议公开发表的学术性评价意见等，可在附件中提供证明材料。非公开资料（如私人信函等）不能作为评价依据。）</p>

            <table class="simple-text-table">
                <tr>
                    <td v-html="text2Html(formData.evaluate)"></td>
                </tr>
            </table>

        </section>

        <section v-if="true" class="section-5">

            <h3>五、推广应用情况、经济效益和社会效益</h3>

            <p class="section-title-remarks">（请依据客观数据和情况准确填写，不做评价性描述。） </p>

            <h4 id="c4_s1_tgyyqk">1．推广应用情况</h4>

            <table class="simple-text-table">
                <tr>
                    <td v-html="text2Html(formData.generalize.situation)"></td>
                </tr>
            </table>

            <h4 id="c4_s2_jlnjjxy">2．近两年经济效益</h4>

            <p style="font-size: 14px; text-align: right;">单位：万元人民币</p>

            <table class="section-5-table-2">
                <tr>
                    <td rowspan="2">自然年</td>
                    <td colspan="2">完成单位</td>
                    <td colspan="2">其他应用单位</td>
                </tr>
                <tr>
                    <td>新增销售额</td>
                    <td>新增利润</td>
                    <td>新增销售额</td>
                    <td>新增利润</td>
                </tr>
                <tr>
                    <td>@{{ formData.generalize.economic_benefit[0].year }}</td>
                    <td>@{{ formData.generalize.economic_benefit[0].finish_sale }}</td>
                    <td>@{{ formData.generalize.economic_benefit[0].finish_profit }}</td>
                    <td>@{{ formData.generalize.economic_benefit[0].other_sale }}</td>
                    <td>@{{ formData.generalize.economic_benefit[0].other_profit }}</td>
                </tr>
                <tr v-if="formData.generalize.economic_benefit.length > 1">
                    <td>@{{ formData.generalize.economic_benefit[1].year }}</td>
                    <td>@{{ formData.generalize.economic_benefit[1].finish_sale }}</td>
                    <td>@{{ formData.generalize.economic_benefit[1].finish_profit }}</td>
                    <td>@{{ formData.generalize.economic_benefit[1].other_sale }}</td>
                    <td>@{{ formData.generalize.economic_benefit[1].other_profit }}</td>
                </tr>
                <tr>
                    <td>累 计</td>
                    <td>
                        @{{ bigPlus(bigStr(formData.generalize.economic_benefit[0].finish_sale), (formData.generalize.economic_benefit.length > 1 ? bigStr(formData.generalize.economic_benefit[1].finish_sale) : bigStr(0)) )}}
                    </td>
                    <td>@{{ bigPlus(bigStr(formData.generalize.economic_benefit[0].finish_profit), (formData.generalize.economic_benefit.length > 1 ? bigStr(formData.generalize.economic_benefit[1].finish_profit) : bigStr(0)) )}}
                    </td>
                    <td>
                        @{{ bigPlus(bigStr(formData.generalize.economic_benefit[0].other_sale), (formData.generalize.economic_benefit.length > 1 ? bigStr(formData.generalize.economic_benefit[1].other_sale) : bigStr(0)) )}}
                    </td>
                    <td>
                        @{{ bigPlus(bigStr(formData.generalize.economic_benefit[0].other_profit), (formData.generalize.economic_benefit.length > 1 ? bigStr(formData.generalize.economic_benefit[1].other_profit) : bigStr(0)) )}}
                    </td>
                </tr>
                <tr>
                    <td class="text-left" colspan="5">
                        主要经济效益指标的有关说明：
                        <br>
                        @{{ formData.generalize.description }}
                    </td>
                </tr>
                <tr>
                    <td class="text-left" colspan="5">
                        其他经济效益指标的有关说明：
                        <br>
                        @{{ formData.generalize.other_description }}
                    </td>
                </tr>
            </table>

            <h4 id="c4_s2_shxy">3．社会效益</h4>

            <table class="simple-text-table">
                <tr>
                    <td v-html="text2Html(formData.generalize.society_benefit)"></td>
                </tr>
            </table>

        </section>

        <section v-if="true" class="section-6">

            <h3>六、主要知识产权证明目录</h3>

            <p class="section-title-remarks">（类别：发明专利、外观专利、实用新型专利、标准、软件著作权、集成电路布图设计、其他。不超过 10 件。申报者承诺以下知识产权已征得未列入项目主要完成人的权利人（发明专利指发明人）的同意。） </p>

            <table>
                <tr>
                    <td width="10%">知识产权<br>类别</td>
                    <td width="15%">知识产权<br>具体名称</td>
                    <td width="10%">国家<br>（地区）</td>
                    <td width="10%">授权号</td>
                    <td width="10%">授权日期</td>
                    <td width="10%">证书编号</td>
                    <td width="10%">权利人</td>
                    <td width="15%">发明人</td>
                    <td width="10%">发明专利<br>有效状态</td>
                </tr>
                <tr v-for="(record, index) in formData.knowledge_property" :key="index">
                    <td>@{{ record.type }}</td>
                    <td>@{{ record.name }}</td>
                    <td>@{{ record.country }}</td>
                    <td>@{{ record.authorization_num }}</td>
                    <td>@{{ record.authorization_date }}</td>
                    <td>@{{ record.certificate_number }}</td>
                    <td>@{{ record.obligee }}</td>
                    <td>@{{ record.inventor }}</td>
                    <td>@{{ record.status }}</td>
                </tr>
            </table>

        </section>

        <section v-if="true" class="section-7">

            <h3>七、主要完成人情况表</h3>

            <template v-for="(person, index) in formData.finish_people">

                <h4>@{{ index + 1 }}. @{{ person.name }}</h4>

                <table>
                    <tr>
                        <td width="12%">姓　　名</td>
                        <td width="16%">@{{ person.name }}</td>
                        <td width="8%">性别</td>
                        <td width="8%">@{{ person.sex }}</td>
                        <td width="12%">排　　名</td>
                        <td width="16%">@{{ person.rank }}</td>
                        <td width="12%">国　　籍</td>
                        <td width="16%">@{{ person.nationality }}</td>
                    </tr>
                    <tr>
                        <td>出生年月</td>
                        <td colspan="3">@{{ person.birth }}</td>
                        <td style="letter-spacing: 2px;">出 生 地</td>
                        <td>@{{ person.birth_place }}</td>
                        <td>民　　族</td>
                        <td>@{{ person.nation }}</td>
                    </tr>
                    <tr>
                        <td>身份证号</td>
                        <td colspan="3">@{{ person.id_card }}</td>
                        <td>归国人员</td>
                        <td>@{{ person.returnee }}</td>
                        <td>归国时间</td>
                        <td>@{{ person.return_time }}</td>
                    </tr>
                    <tr>
                        <td>技术职称</td>
                        <td colspan="3">@{{ person.profession }}</td>
                        <td>最高学历</td>
                        <td>@{{ person.education }}</td>
                        <td>最高学位</td>
                        <td>@{{ person.degress }}</td>
                    </tr>
                    <tr>
                        <td>毕业学校</td>
                        <td colspan="3">@{{ person.graduate_school }}</td>
                        <td>毕业时间</td>
                        <td>@{{ person.graduate_time }}</td>
                        <td>所学专业</td>
                        <td>@{{ person.major }}</td>
                    </tr>
                    <tr>
                        <td>电子邮箱</td>
                        <td colspan="3">@{{ person.mail }}</td>
                        <td>办公电话</td>
                        <td>@{{ person.phone }}</td>
                        <td>移动电话</td>
                        <td>@{{ person.telephone }}</td>
                    </tr>
                    <tr>
                        <td>通讯地址</td>
                        <td colspan="5">@{{ person.address }}</td>
                        <td>邮政编码</td>
                        <td>@{{ person.post_code }}</td>
                    </tr>
                    <tr>
                        <td>工作单位</td>
                        <td colspan="5">@{{ person.company }}</td>
                        <td>行政职务</td>
                        <td>@{{ person.job }}</td>
                    </tr>
                    <tr>
                        <td>二级单位</td>
                        <td colspan="5">@{{ person.department }}</td>
                        <td>党　　派</td>
                        <td>@{{ person.groups }}</td>
                    </tr>
                    <tr>
                        <td colspan="2">参加本项目的起止时间</td>
                        <td colspan="6">@{{ person.project_range }}</td>
                    </tr>
                    <tr>
                        <td class="text-left" colspan="8">
                            对本项目技术创造性贡献：
                            <div v-html="text2Html(person.contribution)"></div>
                        </td>
                    </tr>
                    <tr>
                        <td class="text-left" colspan="8">
                            曾获国家（省部及社会力量）科技奖励情况：
                            <div v-html="text2Html(person.award_situation)"></div>
                        </td>
                    </tr>
                </table>

            </template>

        </section>

        <section v-if="true" class="section-8">

            <h3>八、主要完成单位情况表</h3>

            <template v-for="(org, index) in formData.finish_company">

                <h4>@{{ index + 1 }}. @{{ org.company_name }}</h4>

                <table>
                    <tr>
                        <td>单位名称</td>
                        <td colspan="5">@{{ org.company_name }}</td>
                    </tr>
                    <tr>
                        <td width="15%">排　　名</td>
                        <td width="15%">@{{ org.company_rank }}</td>
                        <td width="15%">法定代表人</td>
                        <td width="20%">@{{ org.legal_person }}</td>
                        <td width="15%" style="letter-spacing: 2px;">所 在 地</td>
                        <td width="20%">@{{ org.location }}</td>
                    </tr>
                    <tr>
                        <td>单位性质</td>
                        <td>@{{ org.company_nature }}</td>
                        <td>传　　真</td>
                        <td>@{{ org.company_fax }}</td>
                        <td>邮政编码</td>
                        <td>@{{ org.post_code }}</td>
                    </tr>
                    <tr>
                        <td>通讯地址</td>
                        <td colspan="5">@{{ org.company_address }}</td>
                    </tr>
                    <tr>
                        <td style="letter-spacing: 2px;">联 系 人</td>
                        <td>@{{ org.link_man }}</td>
                        <td>单位电话</td>
                        <td>@{{ org.company_tel }}</td>
                        <td>移动电话</td>
                        <td>@{{ org.phone }}</td>
                    </tr>
                    <tr>
                        <td>电子邮箱</td>
                        <td colspan="5">@{{ org.email }}</td>
                    </tr>
                    <tr>
                        <td class="text-left" colspan="6">
                            对本项目科技创新和推广应用情况的贡献：
                            <div v-html="text2Html(org.contribution)"></div>
                        </td>
                    </tr>
                </table>

            </template>

        </section>

    </main>

</div>
</script>

@include('common-js')

<script>
var formData = {!! json_encode($formData, JSON_UNESCAPED_UNICODE) !!};
</script>

<script>
var app = new Vue({
    el: '#app',
    template: '#appTemplate',
    data: {
        formData,
    },
    mounted() {
    },
    methods: {
        tryParseNumber(str) {
            var value = parseFloat(str);
            return isNaN(value) ? 0 : value
        },
        bigStr(str) {
            // var value = parseFloat(str);
            // return isNaN(value) ? 0 : value
            return new Big(str);
        },
        bigPlus(num1, num2) {
            return num1.plus(num2).toNumber();
        },
        text2Html(text) {
            var html = '<p>' + text.replace(/\n/g, '</p><p>') + '</p>';
            return html
        },
    }
})
</script>

</body>
</html>
